<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>鼎搜注册页</title>
		<link rel="stylesheet" type="text/css" href="./css/register.css" />
		<link rel="stylesheet" type="text/css" href="./common/css/common.css" />
		<link rel="stylesheet" type="text/css" href="./common/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="./common/css/swiper.min.css" />
		<link rel="shortcut icon" href="./favicon.ico" />
	</head>
	<body>
		<!--主体部分-->
		<div class="web">
			<!--导航栏部分-->
			<div class="colorBar"></div>
			<div class="nav">
				<h1 class="navLogo ib">
					<a href="./index.html">
						<img src="./img/login/logo.png" alt="" />
						鼎搜网
					</a>
				</h1>
				<ul class="navList ib clearfix">
					<li>
						<a href="./index.html">首页</a>
						<div class="navHover"></div>
					</li>
					<li>
						<a href="./details.html">关于鼎搜</a>
						<div class="navHover"></div>
					</li>
					<li>
						<a href="./list.html">鼎搜项目</a>
						<div class="navHover"></div>
					</li>
					<li>
						<a href="./login.html">用户登录</a>
						<div class="navHover"></div>
					</li>
					<li>
						<a href="./register.html">用户注册</a>
						<div class="navHover"></div>
					</li>
					<li>
						<a href="">鼎搜公益</a>
						<div class="navHover"></div>
					</li>
				</ul>
				<div class="navSearch ib">
					<form action="#" method="get">
						<input type="text" placeholder="鼎搜高科项目" />
						<button type="submit">
						</buttom>
					</form>
				</div>
			</div>
			<!--轮播图部分-->
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<img src="./img/login/banner.jpg" alt="" />
			        </div>
			        <div class="swiper-slide">
			        	<img src="./img/login/banner.jpg" alt="" />
			        </div>
			        <div class="swiper-slide">
			        	<img src="./img/login/banner.jpg" alt="" />
			        </div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			    
			    <!-- 如果需要导航按钮 -->
			    <!--<div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>-->
			    
			    <!-- 如果需要滚动条 -->
			    <!--<div class="swiper-scrollbar"></div>-->
			</div>
			<!--内容部分-->
			<div class="content">
				<div class="contentTitle">
					<div class="line ib"></div>
					<div class="center ib">
						<p>我要转让<br /><span>WOYAOZHUANRANG</span></p>
					</div>
					<div class="line ib"></div>
					<p>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
				</div>
				<form action="#" method="get">
					<div class="contentInput">
						<div class="uname inputMod">
							<label>
								<span class="inputSpace">用户名：</span>
								<input type="text" />
							</label>
							<span>*</span>
							<span>(可以使用中文，但禁止除[@][.]以外的特殊符号)</span>
						</div>
						<div class="cname inputMod">
							<label>
								<span>公司名称：</span>
								<input type="text" />
							</label>
							<span>*</span>
						</div>
						<div class="password inputMod">
							<label>
								<span>登录密码：</span>
								<input type="password" />
							</label>
							<span>*</span>
						</div>
						<div class="epassword inputMod">
							<label>
								<span>确认密码：</span>
								<input type="password" />
							</label>
							<span>*</span>
							<span>×两次输入密码不一致</span>
						</div>
						<div class="email inputMod">
							<label>
								<span>电子邮箱：</span>
								<input type="text" />
							</label>
							<span>*</span>
							<span>(每个电子邮邮箱只能注册一个帐号)</span>
						</div>
						<div class="question inputMod">
							<label>
								<span>安全问题：</span>
								<select name="2">
									<option value="" disable>没有安全提示问题</option>
								</select>
							</label>
							<p class="ib">(忘记密码时重设密码用)</p>
						</div>
						<div class="answern inputMod">
							<label>
								<span>问题答案：</span>
								<input type="text" />
							</label>
							<span>*</span>
						</div>
						<div class="sex inputMod">
							<span class="inputSpace">性别：</span>
							<label>
								<input type="radio" name="1"/>
								<span>男</span>
							</label>
							<label>
								<input type="radio" name="1"/>
								<span>女</span>
							</label>
							<label>
								<input type="radio" name="1" checked/>
								<span>保密</span>
							</label>
						</div>
						<div class="code inputMod">
							<label>
								<span class="inputSpace">验证码：</span>
								<input type="text" />
							</label>
							<img src="./img/register/code.jpg" alt="" /><a href="">看不清？<span>点击更换</span></a>
						</div>
						<div class="area">
							<label>
								<span>会员注册协议：</span>
								<p class="agree ib">1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。<br />2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。<br />3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。</p>
							</label>
						</div>
						<div class="choise">
							<input type="checkbox" class="choiseInput"/>
							<div class="choiseButton">
								<img src="./img/register/choise.png" alt="" /><span> 我已阅读并完全接受服务协议</span>
							</div>
						</div>
					</div>
					<div class="contentButton">
						<button type="submit">
							<a href="./index.html">注册</a>
						</button>
					</div>
				</form>
			</div>
			<!--底部栏部分-->
			<div class="footer clearfix">
				<div class="footerLeft fl">
					<dl>
						<dt>简介</dt>
						<dd>
							<a href="javascripe: void 0">鼎搜网简介</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">鼎搜服务</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">会员身份实名认证</a>
						</dd>
					</dl>
					<dl>
						<dt>帮助</dt>
						<dd>
							<a href="javascripe: void 0">用户注册</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">关于鼎搜</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">在线咨询</a>
						</dd>
					</dl>
					<dl>
						<dt>共赢</dt>
						<dd>
							<a href="javascripe: void 0">网站合作</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">用户协议</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">商户加盟</a>
						</dd>
					</dl>
					<dl>
						<dt>导航</dt>
						<dd>
							<a href="javascripe: void 0">地图首页</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">职能分类</a>
						</dd>
						<dd>
							<a href="javascripe: void 0">企业名录</a>
						</dd>
					</dl>
				</div>
				<div class="footerRight fr">
					<div class="contect clearfix">
						<div class="phone fl">
							<img src="./img/login/phone.png" alt="" />
							<p>
								<span>全国服务热线</span>
								<br />440-880-1779<br />
								<span>邮箱:dinsoo@163.com</span>
							</p>
						</div>
						<div class="wechat fl">
							<p>
								投诉电话：4408801779
								<br />
								周一至周六：9:20-20:00
							</p>
							<img src="./img/login/weibo.png" alt="" />
						</div>
					</div>
					<div class="subscribe">
						<img src="./img/login/qr.png" alt="" />
						<span>订阅信息</span>
					</div>
				</div>
			</div>
			<!--版权部分-->
			<div class="copyright">
				<p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
			</div>
		</div>
		<script src="./common/js/swiper.min.js"></script>
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'horizontal', // 垂直切换选项
		    loop: true, // 循环模式选项
		    autoplay:true,
		    
		    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		    },
		    
		    // 如果需要前进后退按钮
//		    navigation: {
//		      nextEl: '.swiper-button-next',
//		      prevEl: '.swiper-button-prev',
//		    },
		    
		    // 如果需要滚动条
//		    scrollbar: {
//		      el: '.swiper-scrollbar',
//	    	},
		})        
		</script>
	</body>
</html>
